<template>
  <div>
    <div class="modal-mask modal-transition">
      <div class="modal-wrapper">
        <div class="modal-container">
          <!-- <span class="iconfont" style="font-size: 4rem;margin-left: 30%">&#xe733;</span>-->
          <img style="height: 40px; margin-left: 35%" src="../../assets/loading01.gif" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Myloading',
  data() {
    return {}
  },
  methods: {},
  mounted() {}
}
</script>

<style lang="less">
.modal-mask {
  background-color: transparent;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  display: table;
}
.modal-wrapper {
  background-color: transparent;
  display: table-cell;
  vertical-align: middle;
}
.modal-container {
  background-color: transparent;
  margin: auto;
  top: 50%;
  width: 300px;
  padding: 20px 30px;
}
.modal-header h3 {
  background-color: transparent;
  margin-top: 0;
  color: #42b983;
}
.modal-body {
  background-color: transparent;
  margin: 20px 0;
}
.modal-default-button {
  background-color: transparent;
  float: right;
}
</style>
